<div id="box-wrapper">
    <div id="top-left"></div>
    <div id="top-right"></div>
    <div id="top-center"></div>
    <div id="main-left"></div>        
    <div id="main-right"></div>        
    <div id="bottom-left"></div>        
    <div id="bottom-right"></div>        
    <div id="bottom-center"></div>
    <div id="box-content">                    
        <div class="header">
            <div class="logo">
                <div class="inner">
                    <h1>Choose a layout</h1><br /><span>Your Domain or an Indition Sub Domain</span>
                </div>
            </div>
            <h2>Welcome to Indition</h2>                            
        </div>
        <p>Ximent, occatem volo ipiendis reius resecti aspedi aute earum facepudis im dolum acipsapis velibus. Itatur? Rorument aut quate eaquam nus rero ommodi tem faccus minti odicat.Tem. Ut rectibus sum ad mos am hil magnatur atecuscid utatum qui sequia voluptas asped etum, consed ut repro et explicia *URLS can be changed at anytime after the site is created</p>
        <div class="chooser">
            <form id="form-select-layout" method="post" action="">
                <?php
                echo $siteInfo->showAttributesHiddenFields();
                ?>
                <div class="section left">
                    <a href="#" class="button" id="btnBlankOption">
                        <span>Clean Slate</span>
                    </a>
                    <div class="description">
                            Start your website from scratch<br /><strong><em>3 steps To Complete</em></strong>
                    </div>
                </div>
                <div class="section right">
                    <a href="#" class="button" id="btnTemplateOption">
                        <span>Template</span>
                    </a>
                    <div class="description">
                            Choose from 20 layouts<br /><strong><em>6 Steps to Complete</em></strong>
                    </div>
                </div>    
                <span class="center-text">OR</span>
            </form>                           
        </div>
    </div>
</div>

<script type="text/javascript">
$('#btnTemplateOption').click(function(){
    if ($('#SiteInfo_layout').val()!='' && $('#SiteInfo_layout').val()=='blank')
    {
        $('input.site-info-field').val('');
        $('input.modules-field').remove();
    }
    $('#SiteInfo_layout').val('template');
    $('#form-select-layout').attr('action','<?php echo $this->createUrl('/FrontDesk/site/selectTemplate'); ?>').submit();
    return false;        
});

$('#btnBlankOption').click(function(){
    if ($('#SiteInfo_layout').val()!='' && $('#SiteInfo_layout').val()=='template')
    {
        $('input.site-info-field').val('');
        $('input.modules-field').remove();
    }
    $('#SiteInfo_layout').val('blank');
    $('#form-select-layout').attr('action','<?php echo $this->createUrl('/FrontDesk/site/selectModules'); ?>').submit();
    return false;        
});
</script>